<div class="row">

  <!-- General -->
  <div class="col-md-6 status detail">
    <h4 translate>General</h4>
    <hr class="header_rule">
    <dl class="dl-horizontal">
      <dt translate>Name</dt>
      <dd>{$ ctrl.node.name | noValue $}</dd>
      <dt translate>Network Interface</dt>
      <dd>{$ ctrl.node.network_interface $}</dd>
      <dt translate>Maintenance</dt>
      <dd>{$ ctrl.node.maintenance | yesno $}</dd>
      <dt translate>Maintenance Reason</dt>
      <dd>{$ ctrl.node.maintenance_reason | noValue $}</dd>
      <dt translate>Inspection Started At</dt>
      <dd>{$ ctrl.node.inspection_started_at | date: 'medium' | noValue $}</dd>
      <dt translate>Inspection Finished At</dt>
      <dd>{$ ctrl.node.inspection_finished_at | date: 'medium' | noValue $}</dd>
      <dt translate>Reservation</dt>
      <dd>{$ ctrl.node.reservation | noValue $}</dd>
      <dt translate>Console Enabled</dt>
      <dd>{$ ctrl.node.console_enabled | yesno $}</dd>
      <dt translate>Console Info.</dt>
      <dd ng-if="ctrl.node.console_info.type==='shellinabox'">
        <a href="{$ ctrl.node.console_info.url $}"
           title="{$ 'Click link to view console' | translate $}">
          shellinabox
        </a>
      </dd>
      <dd ng-if="ctrl.node.console_info.type!=='shellinabox'">
        {$ ctrl.node.console_info | noValue $}
      </dd>
    </dl>
  </div>

  <!-- Provisioning Status -->
  <div class="col-md-6 status detail">
    <h4 translate>Provisioning Status</h4>
    <hr class="header_rule">
    <dl class="dl-horizontal">
      <dt translate>Instance ID</dt>
      <dd>
        <a href="/admin/instances/{$ ctrl.node.instance_uuid $}/detail">
          {$ ctrl.node.instance_uuid | noValue $}
        </a>
      </dd>
      <dt translate>Power State</dt>
      <dd ng-class="{'running': ctrl.node.target_power_state}">{$ ctrl.node.power_state | noValue $}</dd>
      <dt translate>Target Power State</dt>
      <dd>{$ ctrl.node.target_power_state | noValue $}</dd>
      <dt translate>Provision State</dt>
      <dd>{$ ctrl.node.provision_state | noValue $}</dd>
      <dt translate>Target Provision State</dt>
      <dd>{$ ctrl.node.target_provision_state | noValue $}</dd>
      <dt translate>Clean Step</dt>
      <dd>{$ ctrl.node.clean_step $}</dd>
      <dt translate>Last Error</dt>
      <dd>{$ ctrl.node.last_error | noValue $}</dd>
      <dt translate>Updated At</dt>
      <dd>{$ ctrl.node.updated_at | date: 'medium' | noValue $}</dd>
    </dl>
  </div>
</div>
